<div class="modal-header">
  <button type="button" class="close" (click)="dialogRef.close()">&times;</button>
  <h4 class="modal-title">电话监控</h4>
</div>
<div class="modal-body" modal-body>
  <p-dataTable [value]="items" [rows]="10" [(selection)]="selectedItem" [paginator]="true" [pageLinks]="5" [rowsPerPageOptions]="[10,20,30]"
    sortMode="multiple" [lazy]="true" [totalRecords]="totalRecords" (onLazyLoad)="loadItemsLazy($event)" scrollable="true" scrollHeight="400px">
    <!--  后台分页 -->
    <!-- <p-header>表头</p-header> -->
    <!-- <p-column [style]="{'width':'38px'}" selectionMode="multiple"></p-column> -->
    <p-column header="电话录音" [sortable]="false">
      <ng-template let-item="rowData" pTemplate="body">
        <div class="text-center">
          <audio controls="controls" *ngIf="item.audioUrl">
            <source [src]="item.audioUrl" type="audio/mpeg">Your browser does not support the audio element.
          </audio>
          <span *ngIf="!item.audioUrl">无</span>
        </div>
      </ng-template>
    </p-column>
    <p-column field="name" header="姓名" [sortable]="false"></p-column>
    <p-column field="mobile" header="手机号" [sortable]="false"></p-column>
    <p-column field="postName" header="应聘岗位" [sortable]="false"></p-column>
    <p-column header="是否接通" [sortable]="false">
      <ng-template let-item="rowData" pTemplate="body">
        <div class="text-center">
          <span>{{item.isLinked|truefalse}} </span>
        </div>
      </ng-template>
    </p-column>
    <p-column field="duration" header="通话时长" [sortable]="false"></p-column>
    <ng-template pTemplate="emptymessage">
      暂无数据
    </ng-template>
  </p-dataTable>
</div>